<%--
  Created by IntelliJ IDEA.
  User: 92592
  Date: 2021/7/19
  Time: 11:12
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
  <head>
    <title>登录界面</title>
  </head>
  <style>
    #box {
      margin: 50px auto;
      width: 30%;
      height: 360px;
      background-color: #fff;
      text-align: center;
      border-radius: 15px;
      border: 2px #fff solid;
      box-shadow: 10px 10px 5px #000000;
    }

    .title {
      line-height: 58px;
      margin-top: 20px;
      font-size: 36px;
      color: #000;
      height: 58px;
    }

    #box:hover {
      border: 2px #fff solid;
    }

    .input {
      margin-top: 20px;
    }

    input {
      margin-top: 5px;
      outline-style: none;
      border: 1px solid #ccc;
      border-radius: 3px;
      padding: 13px 14px;
      width: 70%;
      font-size: 14px;
      font-weight: 700;
      font-family: "Microsoft soft";
    }

    .button {
      margin-top: 20px;
      width: 20%;
      border: none;
      color: #000;
      padding: 15px 32px;
      text-align: center;
      text-decoration: none;
      display: inline-block;
      font-size: 16px;
      border-radius: 15px;
      background-color: #CCCCCC;
    }
    .button:hover{
      background-color: #B721FF;
      color: #fff;
    }
    span{
      color: red;
    }
  </style>
  <body>
  <form action="UserServlet" method="post">
  <div id="box">
    <div class="title">管理员登陆</div>
    <div class="input">
      <input type="text" name="userName" placeholder="用户名">
      <br>
      <input type="password" name="password" placeholder="密码">
      <br>
      <span><%= request.getAttribute("error")==null?"":request.getAttribute("error")%></span><br>
      <input class="button"  type="submit" value="登陆">
    </div>
  </div>
  </form>
  </body>
</html>
